<template>
  <div class="child">
    <h2>子组件</h2>
    <h4>玩具:{{ toy }}</h4>
    <button @click="emit('sendToy', toy)">传递toy</button>
  </div>
</template>

<script setup lang="ts">
  import {ref, onMounted} from 'vue'
  let toy = ref('奥特曼')

// 声明事件
const emit = defineEmits(['sendToy'])

// onMounted(()=>{
//   setTimeout(() => {
//     emit('sendToy', toy.value)
//   }, 300);
// })

</script>

<style scoped>
  .child {
    background: pink;
  }
</style>